<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:o="http://openfaces.org/">
    <h:head>
        <title>Cui-cui, le projet qui sent le réchauffé</title>
        <link href="design/style.css" rel="stylesheet" type="text/css"/>
        <link href="styles/print/main.css" rel="stylesheet" type="text/css" media="print"/>
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if IE 6]>
        <script src="js/belatedPNG.js"></script>
        <script>
                DD_belatedPNG.fix('*');
        </script>
        <![endif]-->
    </h:head>
    <h:body>
        <div id="wrap">
            <section id="top">
                    <nav id="mainnav">
                            <h1 id="sitename" class="logotext"><a href="#"><img src="design/images/cuicui.png"  height="40px"/> Cui-cui</a></h1>
                            <ul>
                                    <li class="active"><a href="index.xhtml"><span>Home</span></a></li>
                                    <li><a href="photos.xhtml"><span>Photos</span></a></li>
                            </ul>
                    </nav>
            </section>
            <section id="page">
                <header id="pageheader" class="homeheader">
                <h2 class="sitedescription">
                Le Twitter-like qui sent le réchauffé</h2>
                </header>
                <section id="contents">
                    <article class="post">
				<header class="postheader">
				<h2><a href="#">Le Toast au million de suiveurs</a></h2>
				<p class="postinfo">Publié le <time>18 Novembre, 2012</time> par <a href="#">Un inconnu </a></p>
				</header>
				<p>Ce message ne vaut pas grand chose et pourtant, il peut être cuisiné par des millers (millions ?) de gourmands ! Vous aussi, aimez ce (...) <a href="#"> Read More</a></p>
				<footer class="postfooter">
				<ul>
				<li class="plink"><a href="#">Permalink</a></li>
				<li class="cment"><a href="#">436 481 Comments</a></li>
				<li class="cment">1.4M de gourmands</li>
				</ul>
				</footer>
				</article>


				<article class="post">
				<header class="postheader">
				<h2><a href="#">Le Toast d'une superstar dont personne n'en a rien à faire mais qui se retrouve en première page.</a></h2>
				<p class="postinfo">Publié le <time>18 Novembre, 2012</time> par <a href="#">Haris Pilton</a></p>
				</header>
				<p>Zut, je me suis encore cassé un ongle aujourd'hui, ca fais la (...) <a href="#"> Read More</a></p>
				<footer class="postfooter">
				<ul>
				<li class="plink"><a href="#">Permalink</a></li>
				<li class="cment"><a href="#">0 Comments</a></li>
				<li class="cment">932k de gourmands</li>
				</ul>
				</footer>
				</article>

				<article class="post">
				<header class="postheader">
				<h2><a href="#">La Toast du petit phoenix</a></h2>
				<p class="postinfo">Publié le <time>18 Novembre, 2012</time> under <a href="#">CSS Templates </a></p>
				</header>
				<p>Quel Toast dévorer aujourd'hui ? J'ai faim (...)<a href="#"> Read More</a></p>
				<footer class="postfooter">
				<ul>
				<li class="plink"><a href="#">Permalink</a></li>
				<li class="cment"><a href="#">10 Comments</a></li>
				</ul>
				</footer>
				</article>
                     <c:if test="#{ab.authentificationbean.authenticated}" >
                        Vous etes connecté.

                    </c:if>

                   
                </section>
                <section id="sidebar">
                     
                         
                         <h:form action="#" id="loginform" method="post" class="form" style="border : 1px solid #b19979;">
                             
                              <h2>Connexion</h2>
                            <p class="textfield">
                                <o:inputText name="login" id="author" style="width: 100%;" value="#{ab.authentificationbean.login}" tabindex="1" type="text"/>
                                   <label for="login">
                                      <small>Login</small>
                                   </label>
                            </p>
                            <p class="textfield">
                                <o:inputText name="password" id="email" style="width: 100%;" value="#{ab.authentificationbean.password}" tabindex="2" type="text"/>
                                   <label for="password">
                                       <small>Password</small>
                                   </label>
                            </p>
                             <c:if test=" #{ab.authentificationbean.errormsg} != null" >
                                 <p>Erreur de connexion</p>
                             </c:if>
                             <p>
                                 <o:commandButton render="loginform" action="#{ab.authentificationbean.testLogin}" name="submit" id="submit"  value="Connect-me"/>
                             </p>
<c:if test="#{!ab.authentificationbean.authenticated}" >
                          </c:if>
                         </h:form>
                   
                    <h2>Vos Toasters favoris</h2>
			<ul>
				<li><a href="#nogo">Emmy (514)</a></li>
				<li><a href="#nogo">Marc (887)</a></li>
				<li><a href="#nogo">François (410)</a></li>

			</ul>
			<h2>Supers Toasters</h2>
			<ul>
				<li><a href="#nogo">@Minisoft (750 404)</a></li>
				<li><a href="#nogo">@GroGol(980 927)</a></li>
				<li><a href="#nogo">@Poire (760 401)</a></li>
				<li><a href="#nogo">@Big N (760 437)</a></li>
				<li><a href="#nogo">@Samsonne (45 491)</a></li>
			</ul>
                    </section>
                    <div class="clear"></div>

                    <div class="clear"></div>
            </section>
        </div>
       
         <footer id="pagefooter">
		<div id="f-content">
			<img src="images/bamboo.png" width="96" height="125" alt="bamboo" id="footerimg"/>
			<div id="social-links">
				<a href="#" class="fblink">Facebook</a>
				<a href="#" class="twtlink">Twitter</a>
			</div>
			<div id="credits">
				<p class="sitecredit"> 2012 &amp; All Rights Reserved | Cui-cui.com </p>
				<p class="designcredit"><a href="http://www.cssheaven.org" title="Download Free CSS Templates">CSS Template</a> by CSSHeaven</p>
			</div>
		</div>
	</footer>
    </h:body>
</html>



